// base color
$blue:#324157;
$light-blue:#3A71A8;
//$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

$white: #fff;
$black: #000;
$red: #FF4040;
$grey: #505766;
$highLightGrey: #3D434F;
$lightGreen: #1AC4B0;
//$lightGreen: rgba(26,196,176, 0.15);
$lightLightGreen: rgba(26,196,176, 0.15);

// txt color
$txt-black: #525252;
$txt-link-color: #597CFF;
$txt-sz20: 20px;
$txt-sz18: 18px;
$txt-sz16: 16px;

// btn color
$btnlightBlue:  #7EC2F3;
$btnGreyBlue: #7CB6C9;
$btnGreen: #7CC97C;
$btnOrange: #FFA84B;
$btnDeepGreen: #16A695;

// sidebar
$menuText: $white;
$subMenuText: $white;
$menuActiveText: $white;
$subMenuActiveText: $white; // https://github.com/ElemeFE/element/issues/12951

$menuBg: $grey;
$menuHover:$highLightGrey;

$subMenuBg: $grey;
$subMenuHover:$highLightGrey;

$menuTextSz: 20px;
$subMenuTextSz: 18px;
$sideBarWidth: 250px;
$menuItemHeight: 75px;
$subMenuItemHeight: 55px;

// header
$headerBg: $lightGreen;
$headerText: $white;
$headerHeight: 90px;  // sidebar.scss里面的calc计算高度也改一下
$headerTip: $red;
$headderTitleSz: 20px;
$headerMenuSz: 18px;
$headerOperatorSz: 15px;
$headerBtnSz: 20px;

// $mainContainerBg
$mainContainerBg: rgb(255,255,255);

// table color
$tableHeaderBg: rgba(0,0,0,0.03);
$tableHeaderColor: $txt-black;
$tableGreyBg: #f5f5f5;
//$tableGreyBg: rgba(235, 238, 249, 1);
$tableTxtRed: #D0021B;
$error: #ff4949;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  subMenuText: $subMenuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
